SherbyNet - /page/wikibook/entry.mu

Micron Document

<!DOCTYPE html>

</head>

</h1>

</header>

/* start https://en.wikipedia.org/ */

.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}@media print{body.ns-0 .mw-parser-output .ambox{display:none!important}}

/* end https://en.wikipedia.org/ */

</style>

<p>A <b>text box</b>, also called an <b>input box</b>, <b>text field</b> or <b>text entry box</b>, is a control element of a <a href="Graphical_user_interface" title="Graphical user interface">graphical user interface</a> (GUI) that allows users to enter text for processing by a program.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>

</p><p>A typical text box is a rectangle, possibly with a border that separates the text box from the rest of the interface. Text boxes may contain horizontal and vertical <a href="Scrollbar" title="Scrollbar">scrollbars</a>. Text boxes usually display a <a href="Text_cursor" class="mw-redirect" title="Text cursor">text cursor</a> (commonly a blinking vertical line), indicating the current region of text being edited. It is common for the <a href="Computer_mouse" title="Computer mouse">mouse</a> <a href="Cursor_(computers)" class="mw-redirect" title="Cursor (computers)">cursor</a> to change its shape when it hovers over a text box.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading2"><h2 id="Standard_functionality">Standard functionality</h2></div>

<p>Although most operating systems and GUI frameworks provide text box controls with extensive built-in functionality, some applications, such as video games, may implement simplified versions.

</p>

<div class="mw-heading mw-heading3"><h3 id="Enter_text">Enter text</h3></div>

<p>When keys are pressed on a keyboard, the text is added at the caret location. Some very simple text boxes may not show a caret, which would suggest that new characters typed in will appear at the end of the current text.

</p>

<div class="mw-heading mw-heading3"><h3 id="Navigate_and_manipulate_text">Navigate and manipulate text</h3></div>

<p>Using a mouse:

</p>

<ul><li>Change the caret position by clicking the desired point with a mouse cursor;</li>

<li>Select a portion of text by pressing the main mouse button while pointing the cursor at one end of the desired part of the text and dragging the cursor to the other end while holding the button pressed.</li></ul>

<p>Using the keyboard:

</p>

<ul><li>Pressing <a href="Arrow_keys" title="Arrow keys">arrow keys</a> changes the caret position by one character or line</li>

<li>Pressing <style data-mw-deduplicate="TemplateStyles:r1249182868">

/* start https://en.wikipedia.org/ */

.mw-parser-output .keyboard-key{border:1px solid #aaa;border-radius:0.2em;box-shadow:0.1em 0.1em 0.2em rgba(0,0,0,0.1);background-color:var(--background-color-neutral-subtle,#f8f9fa);background-image:linear-gradient(to bottom,var(--background-color-neutral,#eaecf0),var(--background-color-neutral-subtle,#f8f9fa),var(--background-color-neutral,#eaecf0));color:var(--color-base,#202122);padding:0.1em 0.3em;font-family:inherit;font-size:0.85em}

/* end https://en.wikipedia.org/ */

</style><kbd class="keyboard-key nowrap">Home</kbd> / <kbd class="keyboard-key nowrap">End</kbd> keys (<a href="Microsoft_Windows" title="Microsoft Windows">Microsoft's Windows OS</a>) or <kbd class="keyboard-key nowrap">⌘ <a href="Command_key" title="Command key">Command</a></kbd>-left arrow / Command-right arrow (<a href="Apple_Inc." title="Apple Inc.">Apple</a>'s <a href="Mac_OS" class="mw-redirect" title="Mac OS">Mac OS</a>) moves the caret to the beginning / end of the line</li>

<li>Pressing <kbd class="keyboard-key nowrap">Page Up</kbd> / <kbd class="keyboard-key nowrap">Page Down</kbd> moves the caret a page (the number of lines that can be displayed in the text box at a time) backward / forward (Windows) or moves the <a href="Scrollbar" title="Scrollbar">scrollbar</a> thumb a page backward / forward without changing the caret position (Mac OS)</li>

<li>Holding the <kbd class="keyboard-key nowrap"><a href="Control_key" title="Control key">Ctrl</a></kbd> key (Windows) while pressing arrow keys or <kbd class="keyboard-key nowrap">Home</kbd> / <kbd class="keyboard-key nowrap">End</kbd> keys makes the caret move at larger steps, e.g. words, paragraphs or beginning / end of document</li>

<li>Holding the <kbd class="keyboard-key nowrap">⌥ <a href="Option_key" title="Option key">Option</a></kbd> (Mac OS) while pressing arrows moves the caret whole words or paragraphs</li>

<li>Holding the <kbd class="keyboard-key nowrap"><a href="Command_key" title="Command key">Command key</a></kbd> while pressing up or down arrows (Mac OS) or holding the <kbd class="keyboard-key nowrap">Ctrl</kbd> key while pressing <kbd class="keyboard-key nowrap">Home</kbd> / <kbd class="keyboard-key nowrap">End</kbd> (Windows) moves the caret to the beginning or end of the document</li>

<li>Holding the <kbd class="keyboard-key nowrap"><a href="Shift_key" title="Shift key">Shift key</a></kbd> while changing the caret position with a mouse or keyboard selects the text between the caret position from when Shift was first pressed and its current position</li>

<li>Pressing <kbd class="keyboard-key nowrap">Control</kbd>+<kbd class="keyboard-key nowrap">A</kbd> (Windows) selects all text</li></ul>

<p>Work in insert or overwrite mode, typically switched using <kbd class="keyboard-key nowrap"><a href="Insert_key" title="Insert key">Insert key</a></kbd>. In insert mode if there is a character to the right of the caret, the new character will be inserted before it, while in overwrite mode typing a new character will replace (overwrite) the character to the right of the caret position.

</p><p>Typing in text while some part of the text already entered is selected will replace the selected text.

</p><p><kbd class="keyboard-key nowrap"><a href="Delete_key" title="Delete key">Delete</a></kbd> / <kbd class="keyboard-key nowrap">← <a href="Backspace" title="Backspace">Backspace</a></kbd> keys remove one character right / left of current caret position, while pressing them together with the <kbd class="keyboard-key nowrap">Ctrl</kbd> or <kbd class="keyboard-key nowrap">command key</kbd> removes one word.

</p><p>Edit the text using standard <a href="Clipboard_(software)" class="mw-redirect" title="Clipboard (software)">clipboard</a> operations.

</p><p>Edits can be <a href="Undo" title="Undo">undone</a> and <a href="Redo" class="mw-redirect" title="Redo">redone</a> with <a href="Control-Z" class="mw-redirect" title="Control-Z"><kbd class="keyboard-key nowrap">Ctrl</kbd>+<kbd class="keyboard-key nowrap">Z</kbd></a> / <a href="Control-Y" title="Control-Y"><kbd class="keyboard-key nowrap">Ctrl</kbd>+<kbd class="keyboard-key nowrap">Y</kbd></a> (Windows) or <kbd class="keyboard-key nowrap">⌘ Command</kbd>+<kbd class="keyboard-key nowrap">Z</kbd> / <kbd class="keyboard-key nowrap">⌘ Command</kbd>+<kbd class="keyboard-key nowrap">⇧ Shift</kbd>+<kbd class="keyboard-key nowrap">Z</kbd> (Mac OS)

</p>

<div class="mw-heading mw-heading2"><h2 id="Alternative_meanings">Alternative meanings</h2></div>

<p>The term "text box" is also used in <a href="Typography" title="Typography">typography</a>, <a href="Desktop_publishing" title="Desktop publishing">desktop publishing</a> and <a href="Print_design" title="Print design">print design</a> to describe a visually distinct container for text. These text boxes are typically bordered or shaded regions used to highlight quotations, sidebars or supplementary information. They are common in <a href="Magazine" title="Magazine">magazines</a>, <a href="Newspaper" title="Newspaper">newspapers</a>, <a href="Textbook" title="Textbook">textbooks</a> and <a href="Technical_documentation" title="Technical documentation">technical documentation</a>. This usage predates digital interfaces and remains common in print and layout design.

</p><p>In this context, a text box may:

</p>

<ul><li>Be floated to the side of the main content, with surrounding text wrapping around it.</li>

<li>Include a border, background color or other visual styling.</li>

<li>Serve as a <a href="Callout" title="Callout">callout</a>, <a href="Pull_quote" title="Pull quote">pull quote</a> or <a href="Sidebar" class="mw-disambig" title="Sidebar">sidebar</a>.</li></ul>

<p>On Wikipedia, similar visual elements are created using templates such as:

</p>

<ul><li><span class="nowrap">{{</span>Infobox<span class="nowrap">}}</span> – for structured summaries, typically aligned to the right.</li>

<li><span class="nowrap">{{</span>Sidebar<span class="nowrap">}}</span> – for navigational or thematic groupings.</li>

<li><span class="nowrap">{{</span>Quote box<span class="nowrap">}}</span> – for styled quotations.</li>

<li><span class="nowrap">{{</span>Ambox<span class="nowrap">}}</span> – for article message boxes.</li></ul>

<p>These components are not interactive input fields, but rather layout tools for organizing and emphasizing content.

</p>

<ul><li><a href="Callout" title="Callout">Callout</a></li>

<li><a href="Pull_quote" title="Pull quote">Pull quote</a></li>

<li><a href="Infobox" title="Infobox">Infobox</a></li>

<li>Template:Quote box</li></ul>

<div class="mw-heading mw-heading2"><h2 id="References_and_notes">References and notes</h2></div>

/* start https://en.wikipedia.org/ */

.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}

/* end https://en.wikipedia.org/ */

</style><div class="reflist reflist-lower-alpha">

</div>

/* start https://en.wikipedia.org/ */

.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("./mw/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("./mw/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("./mw/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("./mw/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}

/* end https://en.wikipedia.org/ */

</style><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://www.definitions.net/definition/text+box">"What does text box mean?"</a>. <i>www.definitions.net</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2020-08-08</span></span>.</cite></span>

</li>

<li id="cite_note-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-2">^</a></b></span> <span class="reference-text"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://techterms.com/definition/text_box">"Text Box Definition"</a>. <i>techterms.com</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2020-08-08</span></span>.</cite></span>

</li>

<li id="cite_note-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-3">^</a></b></span> <span class="reference-text"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://learn.microsoft.com/en-us/windows/apps/design/controls/text-box">"Text box - Windows apps"</a>. <i>Microsoft Learn</i><span class="reference-accessdate">. Retrieved <span class="nowrap">2025-06-22</span></span>.</cite></span>

</li>

</ol></div></div>

/* start https://en.wikipedia.org/ */

.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}

/* end https://en.wikipedia.org/ */

</style><style data-mw-deduplicate="TemplateStyles:r1236075235">

/* start https://en.wikipedia.org/ */

.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}

/* end https://en.wikipedia.org/ */

</style></div><div role="navigation" class="navbox" aria-labelledby="Graphical_control_elements194" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><style data-mw-deduplicate="TemplateStyles:r1239400231">

/* start https://en.wikipedia.org/ */

.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}

/* end https://en.wikipedia.org/ */

</style><div id="Graphical_control_elements194" style="font-size:114%;margin:0 4em"><a href="Graphical_widget" title="Graphical widget">Graphical control elements</a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">Command input</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Adjustment_handle" title="Adjustment handle">Adjustment handle</a></li>

<li><a href="Button_(computing)" title="Button (computing)">Button</a></li>

<li><a href="Context_menu" title="Context menu">Context menu</a></li>

<li><a href="Hamburger_button" title="Hamburger button">Hamburger button</a></li>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Data input-output</th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Checkbox" title="Checkbox">Checkbox</a></li>

<li><a href="Color_picker" title="Color picker">Color picker</a></li>

<li><a href="Combo_box" title="Combo box">Combo box</a></li>

<li><a href="Cycle_button" title="Cycle button">Cycle button</a></li>

<li><a href="Date_picker" title="Date picker">Date picker</a></li>

<li><a href="Toggle_switch_(widget)" title="Toggle switch (widget)">Toggle switch</a></li>

<li><a href="List_builder" title="List builder">List builder</a></li>

<li><a href="Radio_button" title="Radio button">Radio button</a></li>

<li><a href="Scrollbar" title="Scrollbar">Scrollbar</a></li>

<li><a href="Search_box" title="Search box">Search box</a></li>

<li><a href="Slider_(computing)" title="Slider (computing)">Slider</a></li>

<li><a href="Spinner_(computing)" title="Spinner (computing)">Spinner</a></li>

</ul>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Informational</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Balloon_help" title="Balloon help">Balloon help</a></li>

<li><a href="HUD_(computing)" class="mw-redirect" title="HUD (computing)">Head-up display in computing</a></li>

<li><a href="HUD_(video_gaming)" class="mw-redirect" title="HUD (video gaming)">HUD in video games</a></li>

<li><a href="Infobar" title="Infobar">Infobar</a></li>

<li><a href="Label_(control)" title="Label (control)">Label</a></li>

<li><a href="Loading_screen" title="Loading screen">Loading screen</a></li>

<li><a href="Progress_indicator" title="Progress indicator">Progress indicator</a>

<ul><li><a href="Progress_bar" title="Progress bar">Progress bar</a></li>

<li><a href="Splash_screen" title="Splash screen">Splash screen</a></li>

<li><a href="Throbber" title="Throbber">Throbber</a></li></ul></li>

<li><a href="Sidebar_(computing)" title="Sidebar (computing)">Sidebar</a></li>

<li><a href="Status_bar" title="Status bar">Status bar</a></li>

<li><a href="Pop-up_notification" title="Pop-up notification">Toast</a></li>

<li><a href="Tooltip" title="Tooltip">Tooltip</a></li></ul>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Containers</th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Accordion_(GUI)" title="Accordion (GUI)">Accordion</a></li>

<li><a href="Client-side_decoration" title="Client-side decoration">Client-side decoration</a></li>

<li><a href="Disclosure_widget" title="Disclosure widget">Disclosure widget</a></li>

<li><a href="Frame_(GUI)" title="Frame (GUI)">Frame / Fieldset</a></li>

<li><a href="Panel_(computer_software)" title="Panel (computer software)">Panel</a></li>

<li><a href="Popover_(GUI)" title="Popover (GUI)">Popover</a></li>

<li><a href="Ribbon_(computing)" title="Ribbon (computing)">Ribbon</a></li>

<li><a href="Toolbar" title="Toolbar">Toolbar</a></li>

<li><a href="Window_(computing)" title="Window (computing)">Window</a>

<ul><li><a href="Window_decoration" class="mw-redirect" title="Window decoration">Window decoration</a></li></ul></li>

<li><a href="Workspace" title="Workspace">Workspace</a></li></ul>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Navigational</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Address_bar" title="Address bar">Address bar</a></li>

<li><a href="Breadcrumb_navigation" title="Breadcrumb navigation">Breadcrumb navigation</a></li>

<li><a href="Hyperlink" title="Hyperlink">Hyperlink</a></li>

<li><a href="Navigation_bar" title="Navigation bar">Navigation bar</a></li>

<li><a href="Virtual_desktop" title="Virtual desktop">Virtual desktop</a></li></ul>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><span class="nowrap">Special <a href="Window_(computing)" title="Window (computing)">windows</a></span></th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="Alert_dialog_box" title="Alert dialog box">Alert dialog box</a></li>

<li><a href="Dialog_box" title="Dialog box">Dialog box</a></li>

<li><a href="File_dialog" title="File dialog">File dialog</a></li>

<li><a href="Inspector_window" title="Inspector window">Inspector window</a></li>

<li><a href="Modal_window" title="Modal window">Modal window</a></li>

<li><a href="Palette_window" title="Palette window">Palette window</a></li></ul>

</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Related concepts</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em">

<ul><li><a href="File_viewer" title="File viewer">File viewer</a></li>

<li><a href="List_of_graphical_user_interface_elements" title="List of graphical user interface elements">List of graphical user interface elements</a></li>

<li><a href="Layout_manager" title="Layout manager">Layout manager</a></li>

<li><a href="Mouseover" title="Mouseover">Mouseover</a></li>

<li><a href="Scrolling" title="Scrolling">Scrolling</a></li>

<li><a href="Widget_toolkit" title="Widget toolkit">Widget toolkit</a></li>

<li><a href="Zoomable_user_interface" class="mw-redirect" title="Zoomable user interface">Zoomable user interface</a></li></ul>

</div></td></tr></tbody></table></div></div><div><div class="zim-footer">

This article is issued from <a class="external text" title="Last edited on 2025-06-23" href="https://en.wikipedia.org/wiki/?title=Text_box&oldid=1296937283">Wikipedia</a>. The text is available under <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Creative Commons Attribution-Share Alike 4.0</a> unless otherwise noted. Additional terms may apply for the media files.

</div>

</div></div>

</div>

</main>

</div>

</body></html>